import React from "react";
import { Outlet, useNavigate, useRoutes } from "react-router-dom";
import { Tabbar } from "react-vant";
import Routers from "../../router";
const Index: React.FC = () => {
  const navigate = useNavigate();
  return (
    <div>
      <Outlet />
      <Tabbar placeholder>
        {Routers[3].children?.map((v: any, i: any) => (
          <Tabbar.Item icon={v.icon} onClick={() => navigate(v.path)}>
            {v.meate}
          </Tabbar.Item>
        ))}
      </Tabbar>
    </div>
  );
};
export default Index;
